/*@charset "gb2312";*/
/**
 * ??????: http://www.qietu.com
 * ----------------------------------------------------------------------------

 html{-webkit-text-size-adjust:none; /*???chrome???????????????12px*/
body{ color:#000000; font-family:Verdana, Arial, Helvetica, sans-serif;}
* {}
a{outline:none; text-decoration:none;} a:hover{ text-decoration:underline;}
html{zoom:1;}html *{outline:0;zoom:1;} html button::-moz-focus-inner{border-color:transparent!important;}
body{overflow-x: hidden;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;} table{/*border-collapse:collapse;border-spacing:0;*/} fieldset,a img{border:0;} address,caption,cite,code,dfn,em,th,var{font-style:normal;font-weight:normal;} li{list-style:none;} caption,th{text-align:left;} h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;} q:before,q:after{content:'';}
input[type="submit"], input[type="reset"], input[type="button"], button { -webkit-appearance: none; /*???????????I????????*/} em,i{ font-style:normal;}




/**
 +------------------------------------------------------------------------------
 * Public Class
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }.clearfix {display:block;}.clear{ clear:both;}/* ??????*/
.colwrapper { overflow:hidden; zoom:1 /*for ie*/; margin:5px auto; }/* ???????? */
.strong{ font-weight: bold;} .left{ float: left;} .right{ float: right;} .center{ margin:0 auto; text-align:center;}
.show{ display:block; visibility:visible;}
.hide{ display: none; }
/*visibility:hidden;*/
.block{ display:block;} .inline{ display:inline;}
.transparent{filter:alpha(opacity=50); -moz-opacity:0.5;/** Firefox 3.5?????????opacity??????????????????irefox3????????? ***/ -khtml-opacity: 0.5; opacity: 0.5; } .break{ word-wrap:break-word;overflow:hidden; /*word-break:break-all;*/}

.tal{ text-align:left} .tar{ text-align:right;}

/*?????????*/
.justify {
	text-align:justify;
	/*text-justify:distribute-all-lines;/!*ie6-8*!/*/
	text-align-last:justify;/* ie9*/
	-moz-text-align-last:justify;/*ff*/
	-webkit-text-align-last:justify;/*chrome 20+*/
}

.toe{
	/*????????*/
	word-break:keep-all;
	white-space:nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
}
@media screen and (-webkit-min-device-pixel-ratio:0){/* chrome*/
	.justify:after{
		content:".";
		display: inline-block;
		width:100%;
		overflow:hidden;
		height:0;
	}
}

/* ???IE6????????ixed??????????? */
.fixed{
	position:fixed;
	/*clip:rect(0 100% 100% 0);*/
	_position:absolute;

	/* ??? */
	bottom:0;
	left:0;
	_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/

	/* ??? */
	/*left:0px;*/
	/*_top:expression(document.documentElement.scrollTop+document.documentElement.clientHeight-this.clientHeight);*/
	/*_left:expression(document.documentElement.scrollLeft + document.documentElement.clientWidth - offsetWidth);*/
}
/* ?????????IE6???????? */
*html{
	background-image:url(http://about:blank);
	background-attachment:fixed;
}


/*png???ie6??????????????*/
.pngimg{filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/x.png');}
/*enabled=true, sizingMethod=scale,*/

/**
 +------------------------------------------------------------------------------
 * FCK ?????????
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
em{ font-style:italic !important;} strike{ text-decoration:line-through !important;} strong{ font-weight:bold !important;} u{ text-decoration:underline !important;}

/**
 +------------------------------------------------------------------------------
 * ??????
 +------------------------------------------------------------------------------
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */

/**
 +------------------------------------------------------------------------------
 * ????????????
 +------------------------------------------------------------------------------
 * @codex  ???:??????????????16??????,??
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.ff8600,.ff86aa a{ color:#ff8600;}

/**
 +------------------------------------------------------------------------------
 * ???????????
 +------------------------------------------------------------------------------
 * @codex   ??????,??????"font+??????"??????,??
 * @package  ORG
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */
.font14px{ font-size:14px;}
.font9pt{ font-size:9pt;}
/*????????*/
/* @font-face {  font-family: danley;  src: url('../font/danley.ttf');  }  .danley {  font-family: danley; } */


/**
 +------------------------------------------------------------------------------
 * ??????????????
 +------------------------------------------------------------------------------
 * @codex   id??lass?????????????????????????? ??:newRelease
 * @package  ORG
 * @subpackage  RBAC
 +------------------------------------------------------------------------------
 */

.css3{
	/*transition: all 0.3s ease-in-out 0s;*/

	-webkit-transform:translate3d(0, -20px, 0);
	-ms-transform:translate3d(0, -20px, 0);
	transform:translate3d(0, -20px, 0);

	-webkit-transition-property:opacity, -webkit-transform;
	transition-property:opacity, transform;
	-webkit-transition-duration:1000ms;
	transition-duration:1000ms;
	-webkit-transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);
	transition-timing-function:cubic-bezier(0.25, 0.46, 0.33, 0.98);

	-webkit-transition-delay:800ms;
	transition-delay:800ms
}
.css3.animated{
	-webkit-transform:translate3d(0, 0, 0);
	-ms-transform:translate3d(0, 0, 0);
	transform:translate3d(0, 0, 0);
}

@media screen and (max-width: 650px) {

}

@media screen and (max-width: 480px) {

}

@font-face
{
	font-family: HiraginoSansGBW3;
	/*src: url('../fonts/HiraginoSansGBW3.ttf')
	/*,url('Sansation_Light.eot'); /!* IE9 *!/*/
}




.rotate
{
	transform:rotate(7deg);
	-ms-transform:rotate(7deg); 	/* IE 9 */
	-moz-transform:rotate(7deg); 	/* Firefox */
	-webkit-transform:rotate(7deg); /* Safari ?? Chrome */
	-o-transform:rotate(7deg); 	/* Opera */
}

.rotate180
{
	transform:rotate(180deg);
	-ms-transform:rotate(180deg); 	/* IE 9 */
	-moz-transform:rotate(180deg); 	/* Firefox */
	-webkit-transform:rotate(180deg); /* Safari ?? Chrome */
	-o-transform:rotate(180deg); 	/* Opera */
}

.layout{
	width: 750px;
	margin-top: auto;
	overflow: hidden;
}

.header{
	height: 80px;
	text-align: center;
	width: 100%;
	background-color: #333032;
	color: #fff;
	font-size: 2.5em;
	line-height: 80px;
	vertical-align: middle;
	position: fixed;
	top: 0;
	z-index: 99;
}

/*weixin-client page*/
.header p{
	display: inline-block;
}
.whiteSpace{
	height: 100px;
}
.whiteSpace30{
	height: 30px;
}
.btn-sRight{
	display: inline-block;
	position: absolute;
	right: 1em;
	top: 36px;
	background: url("../imgs/btn-share.png") no-repeat;
	background-size: contain;
	width: 44px;
	height: 8px;
}
.btn-back{
	display: inline-block;
	position: absolute;
	left: 1em;
	top: 20px;
	background: url("../imgs/btn-back.png") no-repeat;
	background-size: contain;
	width: 23px;
	height: 40px;
}
.productPage{
	width: 100%;
	height: 559px;
	text-align: center;
}
.proPic{
	background-size: cover;
	width: 100%;
	height: 420px;
	color: #fff;
	text-align: left;
}
.countTime{
	position: relative;
	left: 2.5em;
	top: 370px;
	z-index: 2;
}
.countTime p{
	font-size: 1.7em;
	font-family: HiraginoSansGBW3;
	letter-spacing: 4px;
}
.proSurplus{
	position: relative;
	float: right;
	right: 2.5em;
	top: 318px;
	z-index: 2;
}
.proSurplus p{
	font-size: 1.7em;
	font-family: HiraginoSansGBW3;
	letter-spacing: 4px;
}
.proSurplus span{
	font-size: 1.3em;
}
.proTitle{
	width: 90%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}
.proTitle h3{
	/*font-family: FZHTJW;*/
	font-size: 2em;
	/*letter-spacing: 4px;*/
	font-weight: bold;
	color:#292c33;
}
.proPrice{
	width: 90%;
	height: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	/*display: inline;*/
}
.lab-send{
	display: inline-block;
	background: url("../imgs/send.png") no-repeat;
	background-size: contain;
	width: 80px;
	height: 22px;
	position: relative;
	left: 1em;
}
.presentSign{
	color: #ff5975;
	font-size: 2em;
}
.presentPrice{
	color: #ff5975;
	font-size: 4em;
	font-family: HiraginoSansGBW3;
}
.usedSign{
	color: #b3b3b3;
	font-size: 1.4em;
	margin-left: 1em;
}
.usedPrice{
	color: #b3b3b3;
	text-decoration:line-through;
	font-size: 2em;
}
.cart{
	background: url("../imgs/cart.png") no-repeat 0 0;
	width: 100px;
	height: 100px;
	position: fixed;
	bottom: 4em;
	right: 4em;
}

.back_mg{
	bottom: 8em;
}

.cartNum{
	color: #FFF;
	position: relative;
	top: .9em;
	left: 2.9em;
	font-size: 1.5em;
}

/*weixin-detail pafe*/
.illustration{
	width: 92%;
	margin-left: auto;
	margin-right: auto;
	font-size: 16px;
}
.illustration h6{
	margin-top: 30px;
	font-weight: bold;
	text-align: left;
	font-size: 1.5em;
	color: #4d4d4d;
	/*font-size: .8em;*/
	letter-spacing: 2px;
	/*font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;*/
}
.illPic{
	background: url("../imgs/Ill1.png") no-repeat;
	background-size: contain;
	width: 690px;
	height: 388px;
	margin-left: auto;
	margin-right: auto;
}
.illDown{
	width: 100%;
	text-align: center;
	border-top: #f2f2f2 solid 30px;
}
.btn-buy{
	width: 100%;
	height: 100px;
	position: fixed;
	bottom: 0;
	z-index: 99;
	background-color: #fff;
}

.btn-addToCart{
	color: #ff5975;
	text-align: center;
	line-height: 100px;
	vertical-align: middle;
	background-color: #fff;
	font-size: 2.3em;
	font-weight: 600;
	border-top:#e6e6e6 solid 1px;
}
.btn-buyNow{
	text-align: center;
	line-height: 100px;
	vertical-align: middle;
	color: #fff;
	background-color:#ff5975;
	font-size: 2.3em;
	font-weight: 600;
}

/*address page*/
.addUl{
	background-color: #fff;
	text-align: center;
}

.addressList{
	width: 90%;
	height: 235px;
	border-top: #e6e6e6 solid 1px;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
}

.addressListS{
	width: 100%;
	height: auto;
	text-align: center;
	display: none;
	position: absolute;
	top: 10em;
	/*left: 10%;*/
	z-index: 999;
	background-color: #fff;
}

.name{
	font-size: 2.7em;
	font-family: "Microsoft YaHei", sans-serif;
}
.tel{
	font-size: 2.7em;
	float: right;
	font-family: "Microsoft YaHei", sans-serif;
}
.addDetail{
	font-size: 1.5em;
	color: #808080;
}
.spaceTop{
	padding-top: 1.5em;
}
.btn-modify{
	background: url("../imgs/btn-modify.png") no-repeat 0 0;
	width: 37px;
	height: 37px;
	display: inline;
	float: right;
	margin-right: 3em;
}
.btn-delete{
	background: url("../imgs/btn-modify.png") no-repeat 0 -37px;
	width: 37px;
	height: 37px;
	display: inline;
	float: right;
}
.btn-default{
	float: right;
	width: 100px;
	height: 37px;
	text-align: center;
	line-height: 37px;
	vertical-align: middle;
	font-size: 1.5em;
	margin-right: 1.5em;
}
.btn-bottom{
	width: 100%;
	position: absolute;
	bottom: 2em;
}
.btn-newAdd{
	width: 690px;
	height: 88px;
	margin-right: auto;
	margin-left: auto;
	/*position: absolute;*/
	bottom: 2em;
	background-color: #ff5975;
	border-radius: .3em;
	color: #fff;
	text-align: center;
	font-size: 2.7em;
	line-height: 88px;
	vertical-align: middle;
}

/*addAddressҳ*/
.sjyz-form{
	width: 100%;
	z-index: 1;
	overflow: hidden;
	margin: 0 auto;
	position: relative;
	/*top: 2.5em;*/
}
.sjyz-form ul{
	overflow: hidden;
	background-color: #fff;
	text-align: center;
}
.sjyz-form li{
	height: 9em;
	width: 90%;
	border-bottom: #e6e6e6 solid 1px;
	margin-right: auto;
	margin-left: auto;
}
.sjyz-form input{
	line-height: 78px;
}

.sjyz-form li .text{
	width: 100%;
	border: none;
	color: #484d44;
	float: left;
	font-size: 28px;
	padding-top: 40px;
}


.sjyz-form .submit{
	height: 88px;
	display: block;
	text-align: center;
	line-height: 88px;
	color: #fff;
	background-color: #ff5975;
	font-size: 35px;
	margin-top: 1em;
	width: 90%;
	border: none;
	font-family: FZHTJW;
	border-radius: 10px;
	position: relative;
	left: 5%;
}
.inputThread{
	background: url("../imgs/inputthread.png") no-repeat;
	width: 690px;
	height: 1px;
	margin-left: auto;
	margin-right: auto;
}

.markA,.markB,.markC{
	background-color: #cccccc;
}
.myMask{
	background: rgba(0,0,0,0.4);
	z-index: 100;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 750px;
	margin-left: -375px;
	left: 50%;
	display: none;
}
.areaList{
	background-color: #cccccc;
	width: 100%;
	position: fixed;
	bottom: 0px;
	z-index: 9999;
}

.confirm{
	background-color: #f6f6f6;
	height: 82px;
	line-height: 82px;
	vertical-align: middle;
	color: #ff5975;
}
.confirm button{
	border: none;
	background-color: #f6f6f6;
	font-size: 2em;
	font-weight: bold;
	position: relative;
	right: 1em;
	height: 78px;
}
.detailList{
	margin-top: .5em;
	background-color: #f6f6f6;
	height: 360px;
}

/*cartpagr*/
.cartTit,.addTit{
	height: 100px;
	line-height: 100px;
	vertical-align: middle;
	background-color: #fff;
}
.cartTit p{
	line-height: 33px;
	border-left: #34b8e9 solid .15em;
	font-size: 2.5em;
	font-weight: bold;
	position: relative;
	top: 34px;
	left: 35px;
}

.cartDetail{
	margin-top: .3em;
	background-color: #fff;
	height: 324px;
	width: 100%;
}
.cDLeft{
	display: inline;
	float: left;
	width: 60%;
	margin-left: 1.5em;
	position: relative;
	top: 2em;
	/*margin-top: 2em;*/
}
.selectedPro{
	background: url("../imgs/product3.png") no-repeat;
	width: 202px;
	height: 202px;
	display: inline-block;
	float: left;
	margin-left: 2.2em;
	border: #e6e6e6 solid 1px;
}
.selectedProPrice{
	/*width: 90%;*/
	height: auto;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
	/*display: inline;*/
}
.cartProTit h3{
	font-size: 1.9em;
	margin-top: 0;
}
.cartText{
	position: relative;
	top: 5em;
}
.proCount{
	display: inline;
	float: right;
	font-size: 1.5em;
	position: relative;
	top: 35px;
}
.partBtn{
	margin-top: 1em;
}
.btn-plu-dec p{
	display: inline;
	float: left;
	line-height: 40px;
	vertical-align: middle;
	width: 100px;
	background-color: #e6e6e6;
	text-align: center;
	font-size: 2em;
}
.btn-plu{
	background: url("../imgs/btn-add&rd.png") no-repeat 0 0;
	width: 40px;
	height: 40px;
	display: inline;
	float: left;
}
.btn-dec{
	background: url("../imgs/btn-add&rd.png") no-repeat 0  -40px;
	width: 40px;
	height: 40px;
	display: inline;
	float: left;
}
.btn-shouldPay{
	text-align: left;
	line-height: 100px;
	vertical-align: middle;
	background-color: #fff;
	border-top:#e6e6e6 solid 1px;
}

.presentSign{
	color: #ff5975;
	font-size: 2em;
}
.presentPrice{
	color: #ff5975;
	font-size: 3em;
	font-family: HiraginoSansGBW3;
}
.shouldP{
	height: 35px;
	margin-top: -1em;
}
.saveM{
	height: 30px;
	color: #000;
}
.payText{
	font-size: 1.4em;
	font-weight: bold;
	margin-left: 1em;
}
.tolCost{
	color: #ff5975;
	font-size: 3.5em;
	font-family: HiraginoSansGBW3;
}
.tolCostS{
	color: #ff5975;
	font-size: 2em;
	margin-left: .5em;
}
.saveText{
	font-size: 1.4em;
	/*font-weight: bold;*/
	margin-left: 1em;
	color: #b3b3b3;
}
.saveCostS{
	color: #b3b3b3;
	font-size: 1.5em;
	margin-left: .8em;
}
.saveCost{
	color: #b3b3b3;
	font-family: HiraginoSansGBW3;
	font-size:  1.5em;
}
.defaultAdd{
	visibility: hidden;
}

/*signIn div*/
.signIn{
	background: url("../imgs/bg-signin.png") no-repeat;
	background-size: contain;
	width: 623px;
	height: 947px;
	position: fixed;
	top: -200px;
	left: 8%;
	z-index: 101;
}
.moveD{
	animation:myDown 0.75s;
	-webkit-animation:myDown 0.75s; /* Safari and Chrome */
}
@keyframes myDown
{
	0%   {left:8%; top:-947px;}
	100% {left:8%; top:-200px;}
}

@-webkit-keyframes myDown /* Safari and Chrome */
{
	0%   {left:8%; top:-947px;}
	100% {left:8%; top:-200px;}
}

.signIn ul{
	overflow: hidden;
	margin-top: 29em;
	margin-left: 5em
}
.signIn p{
	color: #216078;
	position: relative;
	top: 12em;
	left: 39%;
	font-size: 2.2em;
}
.signIn li{
	width: 480px;
	height: 100px;
	background: #fff;
	margin-top: 20px;
	border-radius: 10em;

}
.cancelSIn{
	background: url("../imgs/btn-signcancel-.png") no-repeat;
	background-size: contain;
	width: 125px;
	height: 110px;
	position: relative;
	top: 22.5em;
	left: 64%;
}
.signIn li .text{
	height: auto;
	width: 400px;
	border: none;
	margin-left: 40px;
	letter-spacing: 2px;
	/*color: #b2b2b2;*/
	float: left;
	display: inline;
	text-align: left;
	font-size: 1.7em;
	padding-top: 1.2em;
	margin-top: .2em;
}
.signIn li .button{
	background: url(../imgs/img6.png) no-repeat left center;
	height: 30px;
	width: 200px;
	float: right;
	display: inline;
	border: none;
	cursor: pointer;
	font-size: 1.8em;
	color: #ff5975;
	margin-top: -1.3em;
	line-height: 30px;
	vertical-align: middle;
	letter-spacing: 2px;
	font-weight: bold;
}

.signIn .submit{
	background: url("../imgs/btn-signin-.png") no-repeat;
	background-size: contain;
	width: 308px;
	height: 96px;
	display: block;
	text-align: center;
	line-height: 88px;
	color: #fff;
	font-size: 35px;
	margin-top: 5.5em;
	border: none;
	margin-right: auto;
	margin-left: auto;
}

.sjyz-form input{
	line-height: 78px;
}

/*paypage*/
.addInfo{
	/*margin-top: 80px;*/
	background-color: #FFF;
}
.addTit p{
	line-height: 33px;
	border-left: #fd46ee solid .1em;
	font-size: 2em;
	font-weight: bold;
	position: relative;
	top: 34px;
	left: 35px;
}
.rightIcon{
	background: url("../imgs/btn-right.png") no-repeat;
	background-size: contain;
	width: 17px;
	height: 28px;
	display: inline-block;
	float: right;
	position: relative;
	top: 30%;
}
.aTColor p{
	border-left: #34b8e9 solid .1em;
}

.addRPart{
	width: 90%;
	display: inline-block;
}
.addRPartSList{
	width: 90%;
	display: inline-block;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
.addName{
	font-size: 2.2em;
	font-weight: bold;
}
.addTel{
	font-size: 2.2em;
	font-weight: bold;
	float: right;
}
.addD{
	font-size: 1.48em;
	color: #808080;
}
.addShow{
	height: 157px;
	border-top: #e6e6e6 solid .2em;
}
.packets{
	height: 110px;
	border-top: #e6e6e6 solid .2em;
}
.selectPacket{float:left;line-height:110px;font-size:2.1em;width:80%;text-align:right;color:#ff6880;}
.selectPacket a,.selectPacket a:hover{color:#ff6880;text-decoration:none;}
.extraInfo{
	margin-top: 30px;
	min-height: 120px;
	background-color: #fff;
}
.extraText{
	font-size: 2.1em;
	color: #808080;
	margin-left: 5%;
	display: inline;
	float: left;
	position: relative;
	top: 35px;
}
.extraInput{
	width: 80%;
	min-height: 100px;
	max-height: 300px;
	_height: 100px;
	margin-left: auto;
	margin-right: auto;
	padding: 3px;
	outline: 0;
	/*border: 1px solid #a0b3d6;*/
	font-size: 2.2em;
	word-wrap: break-word;
	overflow-x: hidden;
	overflow-y: auto;
	_overflow-y: visible;
	/*display: inline;*/
	/*float: left;*/
	/*margin-top: 35px;*/
	padding-top: 34px;

}

.sOrHList{
	background: url("../imgs/btn-down.png") no-repeat;
	background-size: cover;
	width: 28px;
	height: 17px;
	float: right;
	position: relative;
	right: 2em;
}
.orderNo{
	color: #b2b2b2;
	background-color: #FFF;
	font-size: 1.5em;
	position: relative;
	top: 1em;
}
.dNo{
	position: relative;
	left: 3em;
}
.cTime{
	position: relative;
	float: right;
	right: 2em;
}
.payLDetail{
	background-color: #fff;
	text-align: center;
}
.payList{
	margin-top: 30px;
}
.pTColor p{
	border-left: #ffbf59 solid .1em;
}
.pDList{
	width: 90%;
	height: 100px;
	background-color: #ffffff;
	line-height: 100px;
	vertical-align: middle;
	border-bottom: #f2f2f2 solid .1em;
	text-align: left;
	margin-left: auto;
	margin-right: auto;
}
.pDList p{
	display: inline;
	font-size: 2em;
	font-weight: bold;
	margin-left: .8em;
}
.wIcon,.zIcon,.yIcon{
	width: 60px;
	height: 60px;
	display: inline;
	margin-top: 1.5em;
	float: left;
}
.wIcon{
	background: url("../imgs/pay.png") no-repeat 0 0;
}
.zIcon{
	background: url("../imgs/pay.png") no-repeat 0 -60px;
}
.yIcon{
	background: url("../imgs/pay.png") no-repeat 0 -120px;
}
.selectedRG{
	float: right;
	display: inline;
	background: url("../imgs/pay-tip.png") no-repeat;
	background-size: contain;
	width: 32px;
	height: 22px;
	margin-top: 2em;
}
.pCountNum{
	float: right;
	font-size: 1.5em;
	margin-top: 1em;
}
.cListUl{
	margin-top: -30px;
}
.payLDetail{
	margin-top: 5px;
}
/*result of pay page*/
.paySbg{
	background: url("../imgs/pSuccess.png") no-repeat;
}
.payFbg{
	background: url("../imgs/pFailed.png") no-repeat;
}
.payFbg,.paySbg{
	background-size: 100%;
	width: 100%;
	height: 560px;
	position: absolute;
	top: 0;
}
.topMask{
	height: 100px;
	width: 100%;
	background-color: #000;
	opacity: .3;
	position: fixed;
	top: 0;
	z-index: 1;
}
.topM{
	height: 100px;
	width: 100%;
	z-index: 10;
}
.downloadText{
	font-family: HiraginoSansGBW3;
	color: #FFF;
	display: inline;
	font-size: 2em;
	position: fixed;
	left: 30px;
	top: 10px;
	z-index: 99;
}
.btn-download a,.btn-download a:hover{
	text-decoration: none;
	color: #fff;
	font-size: 2em;
}
.btn-download{
	display: inline;
	float: right;
	width: 224px;
	height: 64px;
	background-color: #ff5975;
	z-index: 999;
	text-align: center;
	line-height: 64px;
	vertical-align: middle;
	position: fixed;
	right: 75px;
	top: 20px;
	border-radius: .4em;
}
.resultText{
	font-size: 4em;
	color: #FFF;
	position: relative;
	top: 7em;
	left: 4.3em;
}
.infoText{
	width: 100%;
	text-align: center;
	position: relative;
	top: 19em;
	font-size: 2em;
	font-family: HiraginoSansGBW3;
}
.orderRNo{
	width: 100%;
	text-align: center;
	color: #bdf3e9;
	font-size: 2.5em;
	z-index: 99;
	position: relative;
	top: 11em;
	font-family: HiraginoSansGBW3;
}
.emptyCart{
	width: 100%;
	height: auto;
	text-align: center;
}
.emptyBg{
	background: url("../imgs/emptyCart.png") no-repeat;
	width: 273px;
	height: 373px;
	background-size: contain;
	margin-left: auto;
	margin-right: auto;
}
.btn-getPro{
	width: 300px;
	height: 70px;
	background-color: #ff5975;
	margin-left: auto;
	margin-right: auto;
	font-size: 2em;

	line-height: 70px;
	vertical-align: middle;
	border-radius: .4em;
	margin-top: 1em;
}
.btn-getPro a,.btn-getPro a:hover{
	text-decoration: none;
	color: #fff;
}
.emptyCart{
	margin-top: 10em;
}

#grad {
	height: 160px;
	background: -webkit-linear-gradient(top,rgba(255,255,255,0), black); /* Safari 5.1 - 6.0 */
	background: -o-linear-gradient(top,rgba(255,255,255,0),black); /* Opera 11.1 - 12.0 */
	background: -moz-linear-gradient(top,rgba(255,255,255,0), black); /* Firefox 3.6 - 15 */
	background: linear-gradient(top,rgba(255,255,255,0), black); /* 标准的语法（必须放在最后） */
	opacity: .5;
	position: relative;
	top: 215px;
	z-index: 1;
}

.spinner {
	top: 40%;
	left: 44%;
	width: 90px;
	height: 90px;
	position: fixed;
	text-align: center;
	z-index: 101;

	-webkit-animation: rotate 2.0s infinite linear;
	animation: rotate 2.0s infinite linear;
}

.dot1, .dot2 {
	width: 64%;
	height: 64%;
	display: inline-block;
	position: absolute;
	top: 0;
	background-color: #ff5975;
	border-radius: 100%;

	-webkit-animation: bounce 2.0s infinite ease-in-out;
	animation: bounce 2.0s infinite ease-in-out;
}

.dot2 {
	top: auto;
	bottom: 0;
	-webkit-animation-delay: -1.0s;
	animation-delay: -1.0s;
	background-color: #34b8e9;
}

@-webkit-keyframes rotate { 100% { -webkit-transform: rotate(360deg) }}
@keyframes rotate { 100% { transform: rotate(360deg); -webkit-transform: rotate(360deg) }}

@-webkit-keyframes bounce {
	0%, 100% { -webkit-transform: scale(0.0) }
	50% { -webkit-transform: scale(1.0) }
}

@keyframes bounce {
	0%, 100% {
		transform: scale(0.0);
		-webkit-transform: scale(0.0);
	} 50% {
		  transform: scale(1.0);
		  -webkit-transform: scale(1.0);
	  }
}

.closeTop{
	position: fixed;
	float: right;
	display: inline;
	right: 30px;
	top: 30px;
	color: #FFF;
	z-index: 999;
	font-size: 2em;
}

.listFrame{
	margin-top: 30px;
	width: 90%;
}

.ticketList{
	width: 100%;
	border-radius: .5em;
	margin-top: 10px;
	position: relative;
	background-color: #fff;
}
.liTop,.liBottom{
	width: 100%;
	height: 30px;
	background-color: #fff;
}
.liTop{
	border-top-right-radius: .5em;
	border-top-left-radius: .5em;
}
.liBottom{
	border-bottom-right-radius: .5em;
	border-bottom-left-radius: .5em;
}

.ticketList a,.ticketList a:hover{
	text-decoration: none;
	cursor: pointer;
	color:#292c33;
}
.active .liTop,
.active .liBottom,
.active .liMid{
	background-color: #ff5975;
}
.active .vNum,
.active .liMid:hover,
.active .liMid
{
	color: #fff;
}

.tValue{
	float: left;
	position: absolute;
	top: 32%;
	left: 2%;
	/*z-index: -1;*/
}
.cPatternT,
.cPatternD{
	height: 45px;
	width: 45px;
	border-radius: 50%;
	background-color: #f2f2f2;
	position: absolute;
}
.cPatternD{
	bottom: -34px;
	left: 31.5%;
}
.cPatternT{
	top: -24.5px;
	left: 31.5%;
}
.vNum{
	font-size: 30px;
	color: #ff5975;
}
.vNum span{
	font-size: 1.6em;
}

.tDetail{
	width: 65%;
	text-align: left;
	position: relative;
	left: 35%;
	border-left: #b2b2b2 dashed 2px;
	min-height: 100px;
}
.active .tDetail{
	border-left: #fff dashed 2px;
}
.tDetail ul{
	margin-left: 35px;
	font-size: 1.6em;
	position: relative;

}
.line1{
	line-height: 100px;
}
.line2{
	padding-top: 18px;
}
.overDue,
.overDue .liMid,
.overDue .liMid:hover,
.over .vNum
{
	color: #b2b2b2;
}
.cheapest{
	background: url("../imgs/cheapest.png") no-repeat;
	width: 98px;
	height: 59px;
	position: absolute;
	left: 10px;
	top: 5px;
}

.tRecommend{
	width: 100%;
	height: 294px;
	background-color: #fff;
	margin-top: 35px;
}
.tRecommend h3{
	padding-left: 15px;
	font-size: 2em;
	height: 35px;
	border-left: #ff5975 solid .1em;
	font-weight: bold;
}
.rTit{
	padding-top: 5px;
	margin-left: 35px;
}
.ticketRD{
	margin-top: 30px;
}
.costAndTime a,.costAndTime a:hover{
	color: #fff;
	text-decoration: none;
}
.noTicket{
	color: #b2b2b2;
	font-size: 4em;
	margin-top: 8px;
}
.btn-getT{
	width: 314px;
	height: 60px;
	background-color: #ff5975;

	border-radius: .2em;
	font-size: 3em;
}
.leftIcon{
	width: 41px;
	height: 40px;
	background: url("../imgs/ticket-tip.png?v=1") no-repeat 0 0;
	display: inline-block;
	float: left;
	margin-left: 35px;
	margin-right: 30px;
	margin-top: 63px;
}
.transIcon{
	width: 16px;
	height: 28px;
	background: url("../imgs/ticket-tip.png?v=1") no-repeat -41px 0;
	display: inline-block;
	float: left;
	margin-left: 35px;
	margin-top: 63px;
}
.costAndTime{
	display: inline-block;
	float: left;
	width: 566px;
	height: 166px;
	border-style: dashed;
	border-color: #b2b2b2;
	text-align: center;
	font-size: 12px;
}
.cost{
	width: 500px;
	height: 90px;
	border-bottom:  #b2b2b2 solid 1px;
	border-bottom-style:dashed;
	text-align: left;
	color: #ff5975;
}
.cost span{
	position: relative;
	top: 10px;
}
.cost span:first-child{
	font-size: 2em;
}
.cost span:last-child{
	font-size: 5em;
}

.time{
	width: 500px;
	height: 72px;
	text-align: left;
	font-size: 2.3em;
	color: #b2b2b2;
	line-height: 70px;
}
.notS{
	background: url("../imgs/ticket-tip.png?v=1") no-repeat 0 -40px;
}
.active{
	background-color: #ff5975;
}
.share_mask{
	background: rgba(0,0,0,.8);
	z-index: 1000;
	position: fixed;
	top: 0;
	right: 0;
	bottom: 0;
	width: 750px;
	margin-left: -375px;
	left: 50%;
}
.share_text{
	background: url("../imgs/0bank.png")no-repeat 0 0;
	width: 476px;
	height: 231px;
	z-index: 1001;
	position: absolute;
	top: 20px;
	right: 40px;
}
.getMoney{
	margin-top: -3em;
}

.get_tip{
	background: url("../imgs/0bank.png")no-repeat 0 -231px;
	height: 386px;
	width: 660px;
}
.btn-invite{
	width: 520px;
	height: 88px;
	line-height: 88px;
	background-color: #ff5975;
	color: #fff;
	font-size: 2rem;
	text-align: center;
	border-radius: .5em;
	margin-top: 30px;
}
